<template>
  <div class="home">
    <Input v-model="val"></Input>
    <p>{{ val }}</p>

    <button @click="show = true">显示</button>

    <Modal v-model:show="show">
      <ul>
        <li>111</li>
        <li>111</li>
        <li>111</li>
      </ul>
    </Modal>
  </div>
</template>

<script setup>
import { ref } from "vue";
const val = ref("");
const show = ref(false);
defineProps({
  n: Number,
});
// setup语法了
const m = ref(10);
const addM = () => {
  m.value += 10;
};
</script>

<style scoped></style>
